
/*
:root {
  --global-color: #FF0000;
  --pane-padding: 5px 42px;
}

background-color:var(--global-color);
<<<<<<< HEAD
=======
<<<<<<< HEAD
>>>>>>> dev
*/

:root {
	--g-color: #FFFFFF;
<<<<<<< HEAD
	--g-top-height:19%;
	--g-home-font-size:3vw;
	--g-left-wight:12%;
	--g-bottom-left-font-size:2.7vw;
=======
	--g-top-height:18%;
	--g-home-font-size:3vw;
	--g-left-wight:12%;
	--g-bottom-left-font-size:3vw;
>>>>>>> dev
	--g-bottom-mid-font-size:2.5vw;
	--g-left-menu-height:16%;
	--g-block-second-menu-zindex:2;
	--g-div_top-zindex:3;
	--g-top-right-font-size:1.6vw;
  }
  




   
 
/*TOP*/
#div_top{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: var(--g-top-height);
	background: #3d4151;
	z-index: var(--g-div_top-zindex);
<<<<<<< HEAD
=======
	
=======


:root {
    --g-left-menu-height:16%;
}
*/


/*TOP*/
#div_top{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:19%;
    background: #3d4151;
    z-index: 3;
>>>>>>> 8fe86b423ee62c14e5b95abd0f3aa0eee1e431d8
>>>>>>> dev

}
/*BOTTOM */
#div_bottom{
<<<<<<< HEAD
=======
<<<<<<< HEAD
>>>>>>> dev
	position: absolute;
	top: var(--g-top-height);
	left: 0;
	width: 100%;
	height: 82%;/*surplus 80%*/
	background-color:var(--g-color);
<<<<<<< HEAD
=======
=======
    position: absolute;
    top: 19%;
    left: 0;
    width: 100%;
    height: 82%;/*surplus 80%*/
    background-color:#FFFFFF;
>>>>>>> 8fe86b423ee62c14e5b95abd0f3aa0eee1e431d8
>>>>>>> dev
}

/*top left*/

#top_left{
<<<<<<< HEAD
=======
<<<<<<< HEAD
>>>>>>> dev
	position: absolute;
	left: 0;
	top: 0;
        width:  var(--g-left-wight);
	height: 100%;
        text-align: center;
        color: white;
        font-size: var(--g-home-font-size);
        overflow: hidden; /*防止内容超出容器或者产生自动换行*/
        border-bottom:1px solid #FFFFFF;
	margin: 0 auto;
	font-weight:bold;
}

.ui_content_manual_item,.top_state_pop_window{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
    text-align: center;
    color: black;
    overflow: hidden; /*防止内容超出容器或者产生自动换行*/
	margin: 0 auto;
}

#box{
	display: flex;
	display: -webkit-flex;
	height: 100%;
	width: 100%;
	align-items:center;
	justify-content:center;

}
.item{
	width: 100%;
<<<<<<< HEAD
=======
=======
    position: absolute;
    left: 0;
    top: 0;
    width:12%;
    height: 100%;
    text-align: center;
    color: white;
    font-size: 3vw;
    overflow: hidden; /*防止内容超出容器或者产生自动换行*/
    border-bottom:1px solid #FFFFFF;
    margin: 0 auto;
    font-weight:bold;
}

.ui_content_manual_item,.top_state_pop_window{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    color: black;
    overflow: hidden; /*防止内容超出容器或者产生自动换行*/
    margin: 0 auto;
}

#box{
    display: flex;
    display: -webkit-flex;
    height: 100%;
    width: 100%;
    align-items:center;
    justify-content:center;

}
.item{
    width: 100%;
>>>>>>> 8fe86b423ee62c14e5b95abd0f3aa0eee1e431d8
>>>>>>> dev
}

/*top right*/
#top_right{
<<<<<<< HEAD
=======
<<<<<<< HEAD
>>>>>>> dev
	position: absolute;
	left: var(--g-left-wight);
	top: 0;
	width: 100%;
	height: 100%;
}

#top_right_box{
	display: flex;
	/*display: -webkit-flex;*/
	height: 100%;
	width: 100%;
	align-items:center;
	justify-content:center;
}

.top_right_menu{
	width: 100%;
	height: 50%;
	word-spacing: -10px;
}
/* 顶部按钮正常颜色*/
.top_right_menu .top_menu_nva1 {
	width: 13%;
	height: 100%;
	display: inline-block;

	text-align: center;
	color: white;
	font-size: var(--g-top-right-font-size);
	cursor: pointer;
	/*font-weight:bold;*/
	background-color: #2d4c6d;
	overflow: hidden; /*防止内容超出容器或者产生自动换行*/
	margin: 0 auto;
}

.top_right_menu .top_menu_nva2 {
	width: 13%;
	height: 100%;
	display: inline-block;

	text-align: center;
	color: white;
	font-size: var(--g-top-right-font-size);
	cursor: pointer;
	/*font-weight:bold;*/
        

	background-color: #355980;
	overflow: hidden; /*防止内容超出容器或者产生自动换行*/
	margin: 0 auto;
<<<<<<< HEAD
=======
=======
    position: absolute;
    left:12%;
    top: 0;
    width: 100%;
    height: 100%;
}

#top_right_box{
    display: flex;
    /*display: -webkit-flex;*/
    height: 100%;
    width: 100%;
    align-items:center;
    justify-content:center;
}

.top_right_menu{
    width: 100%;
    height: 50%;
    word-spacing: -10px;
}
/* 顶部按钮正常颜色*/
.top_right_menu .top_menu_nva1 {
    width: 13%;
    height: 100%;
    display: inline-block;

    text-align: center;
    color: white;
    font-size:1.6vw;
    cursor: pointer;
    /*font-weight:bold;*/
    background-color: #2d4c6d;
    overflow: hidden; /*防止内容超出容器或者产生自动换行*/
    margin: 0 auto;
}

.top_right_menu .top_menu_nva2 {
    width: 13%;
    height: 100%;
    display: inline-block;

    text-align: center;
    color: white;
    font-size:1.6vw;
    cursor: pointer;
    /*font-weight:bold;*/


    background-color: #355980;
    overflow: hidden; /*防止内容超出容器或者产生自动换行*/
    margin: 0 auto;
>>>>>>> 8fe86b423ee62c14e5b95abd0f3aa0eee1e431d8
>>>>>>> dev
}


.top_menu_nva_active {
<<<<<<< HEAD
	background-color: #3d4e60;
	/*border-right: 1px solid #647f9d;*/
	color: #FFFFFF;
=======
<<<<<<< HEAD
	background-color: #3d4e60;
	/*border-right: 1px solid #647f9d;*/
	color: #FFFFFF;
=======
    background-color: #3d4e60;
    /*border-right: 1px solid #647f9d;*/
    color: #FFFFFF;
>>>>>>> 8fe86b423ee62c14e5b95abd0f3aa0eee1e431d8
>>>>>>> dev
}



#block_primary_menu{
<<<<<<< HEAD
=======
<<<<<<< HEAD
>>>>>>> dev
	position: absolute;
	left: 0;
	top: 1px;
	width: var(--g-left-wight);
	height: 100%;
	background: #3d4151;
	margin:0 auto;
}
.primary_menu{
	width: 100%;
	height: 100%;
        
}
.second_menu{
	width: 100%;
	height: 100%;
<<<<<<< HEAD
=======
=======
    position: absolute;
    left: 0;
    top: 1px;
    width:12%;
    height: 100%;
    background: #3d4151;
    margin:0 auto;
}
.primary_menu{
    width: 100%;
    height: 100%;

}
.second_menu{
    width: 100%;
    height: 100%;
>>>>>>> 8fe86b423ee62c14e5b95abd0f3aa0eee1e431d8
>>>>>>> dev
}

/*去掉列表标题符号*/
ul li{
<<<<<<< HEAD
list-style-type:none;
=======
<<<<<<< HEAD
list-style-type:none;
=======
    list-style-type:none;
>>>>>>> 8fe86b423ee62c14e5b95abd0f3aa0eee1e431d8
}

.center-vertical{
  position: relative;
  top:50%;
  transform:translateY(-50%);
}.center-horizontal{
  position: relative;
  left:50%;
  transform:translateX(-50%); 
>>>>>>> dev
}

/*左侧按钮事件状态*/
.primary_nva {
<<<<<<< HEAD
=======
<<<<<<< HEAD
>>>>>>> dev
	width: 100%;
	height: var(--g-left-menu-height);
	text-align: center;
        color: white;
	font-size: var(--g-bottom-left-font-size);
	cursor: pointer;
	/*font-weight:bold;*/

        overflow: hidden; /*防止内容超出容器或者产生自动换行*/
        /* border-bottom:1px solid #FFFFFF;*/
	margin: 0 auto;
        /*border-bottom:1px solid #4d5161;*/
}
.primary_nva_active {
	background-color: #3d4e60;
	/*border-right: 1px solid #647f9d;*/
	color: #FFFFFF;
<<<<<<< HEAD
=======
=======
    width: 100%;
    height: 16%;
    text-align: center;
    color: white;
    font-size: 2.7vw;
    cursor: pointer;
    /*font-weight:bold;*/

    overflow: hidden; /*防止内容超出容器或者产生自动换行*/
    /* border-bottom:1px solid #FFFFFF;*/
    margin: 0 auto;
    /*border-bottom:1px solid #4d5161;*/
}
.primary_nva_active {
    background-color: #3d4e60;
    /*border-right: 1px solid #647f9d;*/
    color: #FFFFFF;
>>>>>>> 8fe86b423ee62c14e5b95abd0f3aa0eee1e431d8
>>>>>>> dev
}


/*弹出窗*/
.pop_window_box {
<<<<<<< HEAD
=======
<<<<<<< HEAD
>>>>>>> dev
	width: 100%;
	height: var(--g-left-menu-height);

	/*font-weight:bold;*/
    overflow: hidden; /*防止内容超出容器或者产生自动换行*/
   /* border-bottom:1px solid #FFFFFF;*/
<<<<<<< HEAD
=======
=======
    width: 100%;
    height: 16%;

    /*font-weight:bold;*/
    overflow: hidden; /*防止内容超出容器或者产生自动换行*/
    /* border-bottom:1px solid #FFFFFF;*/
>>>>>>> 8fe86b423ee62c14e5b95abd0f3aa0eee1e431d8
>>>>>>> dev
}

/*左侧二级弹出菜单*/
#block_second_menu{
<<<<<<< HEAD
	display: none;
	left: var(--g-left-wight);
	top:19.4%;
=======
<<<<<<< HEAD
	display: none;
	left: var(--g-left-wight);
	top:var(--g-top-height);
>>>>>>> dev
	position:fixed;
	width:var(--g-left-wight);
	height:100%;
	text-align:center;
<<<<<<< HEAD
	
	background-color:#3d4151;
	z-index: var(--g-block-second-menu-zindex);
	border-right:1px solid #575c72;
	border-left:1px solid #575c72;
=======

	background-color:#3d4151;
	z-index: var(--g-block-second-menu-zindex);
=======
    display: none;
    left: 12%;;
    top:19.4%;
    position:fixed;
    width:12%;
    height:100%;
    text-align:center;

    background-color:#3d4151;
    z-index: 2;
    border-right:1px solid #575c72;
    border-left:1px solid #575c72;
>>>>>>> 8fe86b423ee62c14e5b95abd0f3aa0eee1e431d8
>>>>>>> dev
}

/*二级菜单*/
.second_menu_nva {
<<<<<<< HEAD
	
	width: 100%;
	height: 51px;
	/*height: var(--g-left-menu-height);*/

=======
<<<<<<< HEAD
	width: 100%;
	height: var(--g-left-menu-height);
>>>>>>> dev
	text-align: center;
    color: white;
	font-size: var(--g-bottom-mid-font-size);
	cursor: pointer;
	/*font-weight:bold;*/

    overflow: hidden; /*防止内容超出容器或者产生自动换行*/
   /* border-bottom:1px solid #FFFFFF;*/
	margin: 0 auto;
}

.second_menu_nva_active {
<<<<<<< HEAD

	width: 100%;
	height: 51px;
	/*background-color: #3d4e60;*/
	background-color: #3d4e60;
	color: #FFFFFF;
=======
	background-color: #3d4e60;
	color: #FFFFFF;
}

/*列表显示*/
.list_item_nva {
	text-align: center;
    color: white;
	font-size: var(--g-bottom-mid-font-size);
	cursor: pointer;
	/*font-weight:bold;*/

    overflow: hidden; /*防止内容超出容器或者产生自动换行*/
   /* border-bottom:1px solid #FFFFFF;*/
	margin: 0 auto;
}

.list_item_nva_active {
	background-color: #3d4e60;
	color: #FFFFFF;
=======

    width: 100%;
    height: 51px;
    /*height: var(--g-left-menu-height);*/

    text-align: center;
    color: white;
    font-size: 2.5vw;
    cursor: pointer;
    /*font-weight:bold;*/

    overflow: hidden; /*防止内容超出容器或者产生自动换行*/
    /* border-bottom:1px solid #FFFFFF;*/
    margin: 0 auto;
}

.second_menu_nva_active {

    width: 100%;
    height: 51px;
    /*background-color: #3d4e60;*/
    background-color: #3d4e60;
    color: #FFFFFF;
>>>>>>> 8fe86b423ee62c14e5b95abd0f3aa0eee1e431d8
>>>>>>> dev
}


/*right content*/
#block_content_page{
<<<<<<< HEAD
=======
<<<<<<< HEAD
>>>>>>> dev
	position: absolute;
	top: 1px;
	left: var(--g-left-wight);
	width:100%;
	height:100%;
<<<<<<< HEAD
=======
=======
    position: absolute;
    top: 1px;
    left: 12%;
    width:100%;
    height:100%;
>>>>>>> 8fe86b423ee62c14e5b95abd0f3aa0eee1e431d8
>>>>>>> dev

}

.content_page_m_child{
<<<<<<< HEAD

	text-align: center;

}

#page_set_m_server_bg{ 
=======
<<<<<<< HEAD

<<<<<<< HEAD
	text-align: center;
=======
    text-align: center;
>>>>>>> 8fe86b423ee62c14e5b95abd0f3aa0eee1e431d8

=======
    text-align: center;
>>>>>>> 1fed67a689f290fc8ce428013afd3b110d1bdf35
}

#page_set_m_server_bg{ 
<<<<<<< HEAD
>>>>>>> dev
	background-color: #CCCCCC;
	width: 80%;
	height: 80%;
	margin: auto;
	position: absolute;
	left: 0px; 

	
	border:2px solid;
	border-radius:25px;
	border-color: #CCCCCC;
<<<<<<< HEAD
=======
=======
    background-color: #CCCCCC;
    width: 80%;
    height: 80%;
    margin: auto;
    position: absolute;
    left: 0px; 


    border:2px solid;
    border-radius:25px;
    border-color: #CCCCCC;
>>>>>>> 8fe86b423ee62c14e5b95abd0f3aa0eee1e431d8
>>>>>>> dev

}

.btWebSocket{
    border:0px solid;
<<<<<<< HEAD
=======
<<<<<<< HEAD
>>>>>>> dev
	border-radius:25px;
	border-color: #CCCCCC;
}

#backpanel{
	position: absolute;
	background-color: #CCCCCC;
	left: 4%;
	top: 7%;
	width: 80%;
	height: 85%;
	margin: auto;
	border:2px solid;
	border-radius:25px;
	border-color: #CCCCCC;
}

.pop_top_mode_menu_nva {
	width: 100%;
	height: 100%;
	text-align: center;
    color: white;
	cursor: pointer;
    overflow: hidden; /*防止内容超出容器或者产生自动换行*/
   /* border-bottom:1px solid #FFFFFF;*/
	margin: 0 auto;

}
/*手动界面 start*/
#id_content_manual_left{
	position: absolute;
	left: 0px; 
	width: 45%;
	height:100%;
	margin: auto;
}
#id_content_manual_right{
	position: absolute;
	left: 45%;
	width: 45%;
	height: 100%;
	margin: auto;
}
#id_content_manual_right2{
	position: absolute;
	left: 90%;
	width: 10%;
	height: 100%;
	margin: auto;
<<<<<<< HEAD
=======
=======
    border-radius:25px;
    border-color: #CCCCCC;
}

#backpanel{
    position: absolute;
    background-color: #CCCCCC;
    left: 1%;
    top: 2%;
    width: 86%;
    height: 94%;
    margin: auto;
    border:2px solid;
    border-radius:25px;
    border-color: #CCCCCC;
}

.pop_top_mode_menu_nva {
    width: 100%;
    height: 100%;
    text-align: center;
    color: white;
    cursor: pointer;
    overflow: hidden; /*防止内容超出容器或者产生自动换行*/
    /* border-bottom:1px solid #FFFFFF;*/
    margin: 0 auto;
}
/*手动界面 start*/
#id_content_manual_left{
    position: absolute;
    left: 0px; 
    width: 45%;
    height:100%;
    margin: auto;
}
#id_content_manual_right{
    position: absolute;
    left: 45%;
    width: 45%;
    height: 100%;
    margin: auto;
}
#id_content_manual_right2{
    position: absolute;
    left: 90%;
    width: 10%;
    height: 100%;
    margin: auto;
>>>>>>> 8fe86b423ee62c14e5b95abd0f3aa0eee1e431d8
>>>>>>> dev
}
/*手动界面 end*/
.cl_content_manual_window_btn{

<<<<<<< HEAD
	width: 26%;
	height: 65px;

=======
<<<<<<< HEAD
	width: 26%;
	height: 65px;

=======
    /*width: 26%;*/
    width: 66px;
    height: 66px;
    margin: 10px;
>>>>>>> 8fe86b423ee62c14e5b95abd0f3aa0eee1e431d8
>>>>>>> dev
}

/*手动*/
.c_top_state_pop_w_mode{
<<<<<<< HEAD
=======
<<<<<<< HEAD
>>>>>>> dev
	width: 25%;
	height: 45px;
}
.c_top_state_pop_w_run{
	margin: 3px;
	width: 100%;
	height: 45px;
}
#js-slider-change-value{
	position: absolute;
	left: 10%;
	top: 40%;
	width: 80%;
	height: 20%;
}


.bt_login_page{
	width: 100%;
	height: 50px;
}
#modle_bt_login{
	float: right;
	width: 40%;
	height: 50px;
}
/*列表祖控件样式*/
div>.c_page_state_m_list{
	position: absolute; 
<<<<<<< HEAD
	left:0px;
	top:0px;
=======
	left:5%;
	top:1%;
>>>>>>> dev
	width: 70%;
	height:97%;
	text-align: center;
	overflow-y:auto;
}
/*列表元素样式*/
.c_page_state_m_systeminfo_text1 {
	padding-top:10px;
	height:50px;
	color: #fff; 
	/*background-color: rgb(95, 162, 207);*/
	background-color: rgb(95, 162, 207);
	border-bottom:1px solid #FFFFFF;
}
.c_page_state_m_systeminfo_text2 {
	padding-top:10px;
	height:50px;
	color: #fff;
	background-color: rgb(95, 162, 207);
	border-bottom:1px solid #FFFFFF;
}

<<<<<<< HEAD
/*二级菜单滚动*/
.c_second_menu_list_item{
	padding-top:5px;
	width: 110%; 
	height:60px;
	color: #fff;
	
=======

=======
    width: 25%;
    height: 45px;
}
.c_top_state_pop_w_run{
    margin: 3px;
    width: 100%;
    height: 45px;
}
.bt_login_page{
    width: 100%;
    height: 50px;
}
#modle_bt_login{
    float: right;
    width: 40%;
    height: 50px;
}
/*列表祖控件样式*/
div>.c_page_state_m_list{
    position: absolute; 
    left:0px;
    top:0px;
    width: 70%;
    height:97%;
    text-align: center;
    overflow-y:auto;
}
/*列表元素样式*/
.c_page_state_m_systeminfo_text1 {
    padding-top:10px;
    height:50px;
    color: #fff; 
    /*background-color: rgb(95, 162, 207);*/
    background-color: rgb(95, 162, 207);
    border-bottom:1px solid #FFFFFF;
}
.c_page_state_m_systeminfo_text2 {
    padding-top:10px;
    height:50px;
    color: #fff;
    background-color: rgb(95, 162, 207);
    border-bottom:1px solid #FFFFFF;
}

.c_page_state_m_systeminfo_text_green {
    padding-top:10px;
    height:50px;
    color: #333;
    background-color: green;
    border-bottom:1px solid #FFFFFF;
}

.c_page_state_m_systeminfo_text_sel {
    padding-top:10px;
    height:50px;
    color: #333;
    background-color: #f8efc0;
    border-bottom:1px solid #FFFFFF;
}

/*二级菜单滚动*/
.c_second_menu_list_item{
    padding-top:5px;
    width: 110%; 
    height:60px;
    color: #fff;

>>>>>>> dev
}

/*设置菜单列表项样式*/
div>.c_second_menu_nva_list{
<<<<<<< HEAD
	position: absolute; 
	width: 100%;
	height:80%;
	text-align: center;
	overflow-y:auto;
}
/*设置菜单列表项宽度*/
div>.c_second_menu_nva_list_item_child{
	position:absolute;
	left: 0px;
	width: 110%;
}
=======
    position: absolute; 
    width: 100%;
    height:80%;
    text-align: center;
    overflow-y:auto;
}
/*设置菜单列表项宽度*/
div>.c_second_menu_nva_list_item_child{
    position:absolute;
    left: 0px;
    width: 110%;
}


 #ex1Slider .slider-selection {
     position:absolute;
    background: #BABABA;
    height: 200px;
}

.btn-circle {  
    width: 66px;
    height: 66px; 
    text-align: center;  
    padding: 6px 0;  
    font-size: 12px;
    outline: none;
    border-radius: 33px;
    border:0px #ff0000 solid;
    margin: 10px;
}
/*input输入*/
input,button,a {
    outline:0 none !important; blr:expression(this.onFocus=this.blur());
<<<<<<< HEAD
}
>>>>>>> 8fe86b423ee62c14e5b95abd0f3aa0eee1e431d8
=======
}

/*车辆位置显示左右滑动效果 start*/
#page_process_m_view ul,li{ 
    list-style: none;
} 
#page_process_m_view .slide-box{ 
    margin:5px;
    width: 86%;
    display: -webkit-box;
    overflow-x: auto;
    /*适应苹果*/
    -webkit-overflow-scrolling:touch;
} 
#page_process_m_view .slide-item{ width: 300px;
    height: 300px;
    margin-right: 30px;
} /*隐藏掉滚动条*/
#page_process_m_view .slide-box::-webkit-scrollbar { display: none;
}
/*车辆位置显示左右滑动效果 end*/
>>>>>>> 1fed67a689f290fc8ce428013afd3b110d1bdf35
>>>>>>> dev
